<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <h:outputStylesheet name="./css/default.css"/>
        <h:outputStylesheet name="./css/cssLayout.css"/>
        <title>Acceso de usuario</title>
    </h:head>

    <h:body>

        <h:form>
            <p:growl autoUpdate="true"/>
            <center>
                <img src="citi.png"/>
            </center>
            <p:panelGrid style="margin: 0 auto">
                <f:facet name="header">
                    <p:row>
                        <p:column>Acceso de usuario</p:column>                        
                    </p:row>
                </f:facet>
                    
                    <p:row>
                        <p:column>
                            <p:inputText placeholder="soeid" value="#{loginBean.soeid}"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <p:password placeholder="password" value="#{loginBean.pass}"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <center>
                                <p:commandButton
                                    id="btnAceptar"
                                    value="Aceptar" action="#{loginBean.login()}"/>
                                
                            </center>
                        </p:column>
                    </p:row>
            </p:panelGrid>
            <p:blockUI trigger="btnAceptar" block="btnAceptar">
                <font size="-5">Validando usuario...</font>
                <p:graphicImage value="ajax-loader.gif"/>
            </p:blockUI>
        </h:form>

    </h:body>

</html>
